<template>
  <div>
      <h3>子组件-------------{{content}}</h3>
      <button @click="sendMsg">点击</button>
      <h6>{{msg}}</h6>
  </div>
</template>

<script>
import bus from '../utils/bus'
export default {
  data () {
    return {
      msg: '非父子组件 utils公共组件 $emit与$on监听'
    }
  },
  methods: {
    sendMsg(){
      this.$emit('showMsg','i am from child')
    },
    

  },
  props:{
    content:{
      default: 'ccc',
      type: String
    }
  },
  mounted() {
    console.log(this.$parent.msg)

    // 监听app组件通过bus传递的数据
    bus.$on('msg',(res)=>{
      this.msg = res
    })
    // $attr第二种非父子组件传值接收的方法
    console.log('attrs', this.$attrs)
  },
  components:{
    bus
  }
}
</script>

<style scoped>

</style>
